<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>宝塔用户协议</title>
    <style>
        body {
            background: #444;
        }

        .main {
            width: 1000px;
            margin: 0 auto;
            background: #fff;
            border-radius: 4px;
            padding: 20px 60px 0 60px;
            box-sizing: border-box;
        }

        .title_group h1 {
            font-size: 1.8em;
            text-align: center;
            margin-bottom: 0;
            color: #333;
        }

        .title_group h3 {
            font-size: 1.2em;
            text-align: center;
            color: #777;
            font-weight: 400;
            margin-top: 8px;
        }

        .conter_tips {
            font-size: 12px;
            color: #444;
            padding: 20px 35px;
            border: 1px solid #ececec;
            border-radius: 7px;
        }

        .conter_tips .row {
            margin: 3px 0;
        }

        .conter_tips .line {
            line-height: 14px;
            color: #666;
        }

        .select_ground {
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 10px;
            padding-top: 1px;
        }

        .conter_select {
            margin-top: 25px;
            padding-left: 10px;
            text-align: center;
        }

        .select_ground span {
            display: inline-block;
            height: 30px;
            width: 30px;
            background-size: 30px;
            transition: all 300ms;
            background-image: url('');
        }

        .select_ground.pitch span {
            background-image: url('');
        }

        .conter_select img {
            width: 30px;
            margin-right: 10px;
        }

        .conter_select>span {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            color: #666;
            font-size: 17px;
        }

        .conter_btns {
            text-align: center;
            padding: 30px 0;
        }

        .conter_btns .btn {
            border: none;
            font-size: 1.1em;
            padding: 0.7em 2.8em;
            background-color: #20a53a;
            outline: none;
            color: #fff;
            cursor: pointer;
            transition: all 500ms;
            border-radius: 2px;
        }

        .conter_btns .btn:hover {
            background: #1b8a30;
        }
    </style>
</head>

<body>
    <div class="main">
        <div class="title_group">
            <h1 class="title">欢迎您使用宝塔面板</h1>
            <h3 class="subhead_title">首次登录阅读并同意《用户协议》即可进入面板首页</h3>
        </div>
        <div class="conter_tips">
            <h5 class="row">宝塔开源许可协议</h5>
            <div class="line">
                重要须知：在此特别提醒用户认真阅读、充分理解本协议，用户应认真阅读、充分理解本协议中各条款，包括免除或限制的免责条款以及对用户的权利限制条款。用户需审慎阅读并选择接受或不接受本协议，除非用户接受本协议所有条款，否则用户无权安装或使用本软件及相关服务。用户的安装、使用、登录等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。
            </div>
            <h5 class="row">名词定义：</h5>
            <div class="line">用户：通过宝塔授权获得宝塔面板及使用宝塔相关服务的自然人、法人及其他组织</div>
            <div class="line">宝塔：宝塔面板(主体: 东莞市百塔网络科技有限公司)</div>
            <div class="line">用户许可定义：用户在基于明显的用途说明后主动安装、使用、注册、管理软件，以及同意宝塔提供相关服务所订立的协议</div>
            <h5 class="row">一、宝塔需遵守的约定</h5>
            <div class="line">1.1 除付费插件外，确保所有代码用户皆可阅读。</div>
            <div class="line">1.2 确保用户在完成所有环境部署后，在不依赖宝塔云端支持下也可永久运行。</div>
            <div class="line">1.3 除付费插件外，禁止对源代码进行加密和混淆。</div>
            <div class="line">1.4 禁止不经用户许可的情况下以任何方式自动安装加密代码。</div>
            <div class="line">1.5 禁止不经用户许可的情况下以任何方式收集用户数据。</div>
            <div class="line">1.6 禁止不经用户许可的情况下以任何方式远程控制用户面板。</div>
            <div class="line">1.7 禁止在用户面板上插入与宝塔无关的广告。</div>
            <div class="line">1.8 即日起，禁止将宝塔官方提供的免费功能改为付费功能。</div>
            <h5 class="row">二、用户需遵守的约定</h5>
            <div class="line">2.1 以自用为目的，可将宝塔用于盈利或非盈利项目上，且不受任何限制。</div>
            <div class="line">2.2 以自用为目的，在保留版权标识的前提下可任意修改程序源码，但不得公开发行。</div>
            <div class="line">2.3 禁止以任何方式破坏宝塔的商业授权机制（包括但不限于收集宝塔源码后经营与宝塔同类型、同性质服务等）。</div>
            <div class="line">2.4 用户禁止利用宝塔发表、传送、传播、储存违反国家法律、危害国家安全、社会稳定、公序良俗的内容，或任何不当的、侮辱诽谤的、淫秽的、暴力的及任何违反国家法律法规政策的内容。
            </div>
            <div class="line">2.5 用户禁止利用宝塔制作、发布、传播用户窃取相关或其他软件及他人专属信息、财产的软件。</div>
            <h5 class="row">三、API使用约定</h5>
            <div class="line">3.1 宝塔欢迎并感谢您为该软件开发基于API的各种应用，且可自行免费或收费发布。</div>
            <div class="line">3.2 用户基于宝塔API机制开发的应用，不得包含有破坏或修改宝塔代码。</div>
            <h5 class="row">四、无改动发布或集成宝塔</h5>
            <div class="line">4.1 宝塔欢迎并感谢您将宝塔发布在您的个人网站、企业官网或者其他的第三方网站。</div>
            <div class="line">4.2 宝塔欢迎并感谢您将宝塔集成在其他系统中一起发布，包括云服务镜像、操作系统发行版等。</div>
            <div class="line">4.3 用户在发布或者集成宝塔的时候，不得对宝塔源码做任何改动。</div>
            <h5 class="row">五、知识产权声明</h5>
            <div class="line">
                宝塔是由东莞市百塔网络科技有限公司开发，宝塔的知识产权以及与宝塔相关的所有信息内容，包括但不限于：文字、图形、界面设计、版面框架、有关数据均受中华人民共和国相关知识产权法律法规的保护，除涉及第三方授权的内容外，宝塔公司享有上述知识产权。
            </div>
            <h5 class="row">六、免责声明</h5>
            <div class="line">6.1
                用户出于自愿而使用宝塔，您必须了解使用本软件的风险，宝塔不作任何类型的担保，不论是明示的、默示的，包括但不限于用户在任何情况下因使用或不能使用宝塔所产生的直接、间接、偶然、特殊及后续的损害及风险，百塔公司不承担任何责任。
            </div>
            <div class="line">6.2
                用户清楚互联网软件的特殊性，宝塔与大多数互联网软件一样，受包括但不限于用户原因、网络服务质量、社会环境等因素的影响，可能收到各种安全问题的侵扰，如用户下载安装的其他软件或访问的其他网站中含有“木马”等病毒，威胁到用户的计算机信息和数据的安全，继而影响宝塔的正常使用等，用户应加强信息安全及使用资料的保护，以免遭受损失
            </div>
            <div class="line">6.3
                宝塔界面中“第三方应用”是宝塔获得了第三方合法授权的，如因用户使用第三方软件或技术引发的任何纠纷，由第三方负责解决，宝塔不对第三方软件或技术提供服务，若用户需要获得支持，请与该第三方联系。</div>
            <div class="line">6.4 用户因使用宝塔违反国家法律法规的，</div>
            <h5 class="row">七、授权例外</h5>
            <div class="line">7.1 如果上述条款无法满足您使用该软件的要求，可联系宝塔签署额外的合同以获得更灵活的授权许可。</div>
            <h5 class="row">八、合同终止</h5>
            <div class="line">8.1 如果用户违反了本协议的任一条款，本授权协议将自动终止，用户行为损害宝塔或其他任意第三方权利的，宝塔保留通过法律手段追究责任的权利。</div>
            <h5 class="row">九、其他条款</h5>
            <div class="line">9.1 本协议约定的任何条款部分或完全无效的，不影响其他条款的效力。</div>
            <div class="line">9.2
                协议的解释、效力及纠纷的解决使用中华人民共和国法律，若用户和宝塔发生任何纠纷或争议，首先应当友好协商解决，协商不成的，用户完全同意将该纠纷或争议提交至宝塔所在地即东莞市有管辖权的法院管辖。</div>
            <div class="line">9.3 本协议宝塔保留一切解释权利</div>
        </div>
        <div class="conter_select">
            <div class="select_ground"><span></span></div>
            <span>我已同意“《用户协议》”</span>
        </div>
        <div class="conter_btns">
            <button class="btn btn_submit" onclick="set_licenes()">进入面板</button>
        </div>
    </div>
    <script type="text/javascript">
        function auto_mian() {
            var docm_height = document.documentElement.clientHeight,
                _main = document.getElementsByClassName('main')[0],
                main_height = _main.clientHeight,
                main_width = _main.clientWidth;
            if (main_height < docm_height) {
                _main.style.cssText = 'position:absolute;top:50%;left:50%;margin:' + '-' + (main_height / 2) +
                    'px auto auto -' + (main_width / 2) + 'px ';
            }
        }

        function hasClass(elem, cls) {
            cls = cls || '';
            if (cls.replace(/\s/g, '').length == 0) return false;
            return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');
        }

        function addClass(elem, cls) {
            if (!hasClass(elem, cls)) {
                elem.className = elem.className == '' ? cls : elem.className + ' ' + cls;
            }
        }

        function removeClass(elem, cls) {
            if (hasClass(elem, cls)) {
                var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, '') + ' ';
                while (newClass.indexOf(' ' + cls + ' ') >= 0) {
                    newClass = newClass.replace(' ' + cls + ' ', ' ');
                }
                elem.className = newClass.replace(/^\s+|\s+$/g, '');
            }
        }
        window.onresize = function () {
            auto_mian();
        }
        var _select_ground = document.getElementsByClassName('select_ground')[0],
            _select_btn = document.getElementsByClassName('btn_submit')[0];
        _select_ground.addEventListener('click', function () {
            if (hasClass(this, 'pitch')) {
                removeClass(this, 'pitch');
            } else {
                addClass(this, 'pitch');
            }
        });
        _select_ground.getElementsByTagName('span')[0].addEventListener('click', function () {
            simulateClick(_select_ground);
        });


        function set_licenes() {
            if (document.getElementsByClassName('pitch').length === 0) {
                alert("必需同意用户协议才能进入面板")
                return
            }
            window.location.href = '/?license=True'
        }


        auto_mian();
    </script>
</body>

</html>